<!--
 * Icons 图标
 * @description 用于展示 icons 图标
 * @tutorial https://ext.dcloud.net.cn/plugin?id=28
 * @property {Number} size 图标大小
 * @property {String} type 图标图案，参考示例
 * @property {String} color 图标颜色
-->
<template>
  <text
    class="iconfont font"
    :class="type"
    :style="{ color: color, 'font-size': size + 'px' }"
  ></text>
</template>

<script>
export default {
  name: 'Icon',
  props: {
    type: {
      type: String
    },
    color: {
      type: String,
      defualt: '#999'
    },
    size: {
      type: [Number, String],
      defualt: 16
    }
  }
}
</script>

<style lang="less" scoped>
@import '@/common/icon/iconfont.css';
.font {
  
}
</style>
